<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!-- stylesheets -->
<link rel="stylesheet" type="text/css" href="resources/css/reset.css" />
<link rel="stylesheet" type="text/css" href="resources/css/style.css"
	media="screen" />
<link rel="stylesheet" type="text/css"
	href="resources/css/style_full.css" />
<link id="color" rel="stylesheet" type="text/css"
	href="resources/css/colors/blue.css" />
<!-- scripts (jquery) -->
<script src="resources/scripts/jquery-1.4.2.min.js"
	type="text/javascript"></script>
<!--[if IE]><script language="javascript" type="text/javascript" src="resources/scripts/excanvas.min.js"></script><![endif]-->
<script src="resources/scripts/jquery-ui-1.8.custom.min.js"
	type="text/javascript"></script>
<script src="resources/scripts/jquery.ui.selectmenu.js"
	type="text/javascript"></script>
<script src="resources/scripts/jquery.flot.min.js"
	type="text/javascript"></script>
<script src="resources/scripts/tiny_mce/jquery.tinymce.js"
	type="text/javascript"></script>
<!-- scripts (custom) -->
<script src="resources/scripts/smooth.js" type="text/javascript"></script>
<script src="resources/scripts/smooth.menu.js" type="text/javascript"></script>
<script src="resources/scripts/smooth.chart.js" type="text/javascript"></script>
<script src="resources/scripts/smooth.table.js" type="text/javascript"></script>
<script src="resources/scripts/smooth.form.js" type="text/javascript"></script>
<script src="resources/scripts/smooth.dialog.js" type="text/javascript"></script>
<script src="resources/scripts/smooth.autocomplete.js"
	type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		style_path = "resources/css/colors";

		$("#date-picker").datepicker();

		$("#box-tabs, #box-left-tabs").tabs();
	});
</script>
</head>
<body>
	<!-- header -->
	<div id="header">
		<!-- logo -->
		<div id="logo">
			<h1>
				<a href="" title="武汉科技大学& 嵌入式实验室系统"><img
					src="resources/images/logo.png" alt="Smooth Admin" /> </a>
			</h1>
		</div>
		<!-- end logo -->
		<!-- user -->
		<ul id="user">
			<li><a href="">Account</a>
			</li>
			<li><a href="">Messages (0)</a>
			</li>
			<li><a href="">Logout</a>
			</li>
			<li class="last highlight"><a href="">View Site</a>
			</li>
		</ul>
		<!-- end user -->
		<div id="header-inner">
			<div id="home">
				<a href=""></a>
			</div>
			<!-- quick -->
			<ul id="quick">
				<li><a href="#" title="Products"><span class="normal">Examples</span>
				</a>
					<ul>
						<li><a href="index.html">Full, Column</a>
						</li>
						<li><a href="index-no-column.html">Full, No Column</a>
						</li>
						<li><a href="index-fixed.html">Fixed, Column</a>
						</li>
						<li class="last"><a href="index-fixed-no-column.html">Fixed,
								No Column</a>
						</li>
					</ul></li>
				<li><a href="#" title="Products"><span class="icon"><img
							src="resources/images/icons/application_double.png"
							alt="Products" /> </span><span>Products</span> </a>
					<ul>
						<li><a href="#">Manage Products</a>
						</li>
						<li><a href="#">Add Product</a>
						</li>
						<li><a href="#" class="childs">Sales</a>
							<ul>
								<li><a href="">Today</a>
								</li>
								<li class="last"><a href="">Yesterday</a>
								</li>
							</ul></li>
						<li class="last"><a href="#" class="childs">Offers</a>
							<ul>
								<li><a href="">Coupon Codes</a>
								</li>
								<li class="last"><a href="">Rebates</a>
								</li>
							</ul></li>
					</ul></li>
				<li><a href="" title="Events"><span class="icon"><img
							src="resources/images/icons/calendar.png" alt="Events" /> </span><span>Events</span>
				</a>
					<ul>
						<li><a href="#">Manage Events</a>
						</li>
						<li class="last"><a href="#">New Event</a>
						</li>
					</ul></li>
				<li><a href="" title="Pages"><span class="icon"><img
							src="resources/images/icons/page_white_copy.png" alt="Pages" />
					</span><span>Pages</span> </a>
					<ul>
						<li><a href="#">Manage Pages</a>
						</li>
						<li><a href="#">New Page</a>
						</li>
						<li class="last"><a href="#" class="childs">Help</a>
							<ul>
								<li><a href="#">How to Add a New Page</a>
								</li>
								<li class="last"><a href="#">How to Add a New Page</a>
								</li>
							</ul></li>
					</ul></li>
				<li><a href="" title="Links"><span class="icon"><img
							src="resources/images/icons/world_link.png" alt="Links" /> </span><span>Links</span>
				</a>
					<ul>
						<li><a href="#">Manage Links</a>
						</li>
						<li class="last"><a href="#">Add Link</a>
						</li>
					</ul></li>
				<li><a href="" title="Settings"><span class="icon"><img
							src="resources/images/icons/cog.png" alt="Settings" /> </span><span>Settings</span>
				</a>
					<ul>
						<li><a href="#">Manage Settings</a>
						</li>
						<li class="last"><a href="#">New Setting</a>
						</li>
					</ul></li>
			</ul>
			<!-- end quick -->
			<div class="corner tl"></div>
			<div class="corner tr"></div>
		</div>
	</div>
	<!-- end header -->
</body>
</html>